$(function () {
    /*$.post("/menus", {}, function (data) {
        if (data.code == 0) {
            $.each(data.data, function (i, item) {
                let li = $("<li class='nav-item '></li>");
                let title = $("<a href='#' class='nav-link'><i class='nav-icon fas fa-edit'></i><p>" + item.text + "<i class='fas fa-angle-left right'></i></p></a>");
                li.append(title);
                let children = item.children;
                if (children.length > 0) {
                    li.addClass("has-treeview");
                    let ul = $("<ul class='nav nav-treeview'></ul>");
                    $.each(children, function (index, val) {
                        let childrenLi = $("<li class='nav-item'><a   class='nav-link'><i class='far fa-circle nav-icon'></i><p>" + val.text + "</p></a></li>");
                        if (val.url) {
                            childrenLi.find("a").first().attr("href", val.url);
                            //childrenLi.find("a").first().attr("target", "mainFrame");
                        }
                        ul.append(childrenLi);
                    });
                    li.append(ul);
                }
                $("#navMenus").append(li);
            });
        }
        $("nav ul li a").click(function () {
            if ($(this).attr("href")) {
                $("nav a").each(function () {
                    $(this).removeClass("active");
                });
                $(this).toggleClass("active");
                $(this).parent().parent().siblings().toggleClass("active");
            }
        });
    });*/
    $.post("/menus", {}, function (resp) {
        let menus = resp;
        $.each(menus, function (index, menu) {
            let li = $("<li class='nav-item '></li>");
            let text = $("<a href='#' class='nav-link'><i class='nav-icon " + menu.icon + "'></i><p>" + menu.text + "</p></a>");
            li.append(text);
            if (menu.children.length > 0) {
                li.addClass("has-treeview");
                text.children("p").last().append($("<i class='right fas fa-angle-left'></i>"));
                let childUl = $("<ul class='nav nav-treeview'></ul>");
                $.each(menu.children, function (_index, childMenu) {
                    let childLi = $("<li class='nav-item'><a href='#' class='nav-link'><i class='nav-icon " + childMenu.icon + "'></i><p>" + childMenu.text + "</p></a></li>");
                    childLi.on('click', function () {
                        $(this).children("a").addClass("active");
                        $(this).siblings().children("a").removeClass("active");
                        $(this).parent().parent().children("a").addClass("active");
                        $(this).parent().parent().children("a").attr("style","");//还得把刚才设置的其他的透明底色给去掉

                        //处理其他
                        $(this).parent().parent().siblings().children("a").removeClass("active");
                        $(this).parent().parent().siblings().children("a").css("background-color","rgba(255,255,255,0)");
                        $(this).parent().parent().siblings().children("ul").children("li").children("a").removeClass("active");
                    });
                    childUl.append(childLi);
                });
                li.append(childUl);
            } else {
                li.on('click', function () {
                    text.children("a").addClass("active");
                });
            }

            $("#navMenus").append(li);
        });
    }, 'json');
    
    
    

});

function f() {
    
}